<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

    <input type="button" value="按钮">
    <input type="button" value="按钮">
    <input type="button" value="按钮">
    <script>
        // 1、不能重复声明 
        // let a=12;
        // let a=13;
        // 2、无法限制修改
        // let a=12;
        // a=13
        // console.log(a);
        // const b=12;
        // b=13;
        //3.块级作用域

        // const a =require('dd')

        if(true){
            // var a=1;
            // let a=1;
            //  const a=1;
        }
        {
            // var a=1;
            // const a=1;
            // let a=1;
        }

        // alert(a)
    var aBtn=document.getElementsByTagName('input');

    // for(var i=0;i<aBtn.length;i++){
    //     (function(i){
    //         aBtn[i].onclick=function(){
    //             alert(i)
    //         }
    //     })(i)
    // }
    for(let i=0;i<aBtn.length;i++){
            aBtn[i].onclick=function(){
                alert(i)
            }

    }

    // let const 限制重复声明 var 不能限制重复声明
    // let const 有{}块级作用域   作用域外不能调用 但是var可以
    // const 能限制变量的修改 let不能但是能限制变量的重复声明


    </script>
</body>
</html>